<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
		<title>个人中心</title>
		<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="../css/stepstyle.css" rel="stylesheet" type="text/css">
		<link href="../css/personal.css" rel="stylesheet" type="text/css">
		<link href="../css/vipstyle.css" rel="stylesheet" type="text/css">
		<link href="../css/addstyle.css" rel="stylesheet" type="text/css">
		<!--个人信息-->
		<link href="../css/infstyle.css" rel="stylesheet" type="text/css">
		<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="../AmazeUI-2.4.2/assets/js/amazeui.js"></script>
		<!--积分表-->
		<link href="../css/point.css" rel="stylesheet" type="text/css">
		<!--<link rel="stylesheet" href="../jqgrid/css/ui.jqgrid.css" />-->
		<!--<link rel="stylesheet" href="../jqgrid/css/css/redmond/jquery-ui-1.8.16.custom.css" />-->
		<!--<script type="text/javascript" src="../js/jquery-1.7.1.js"></script>-->
		<!--<script type="text/javascript" src="../jqgrid/js/jquery.jqGrid.src.js"></script>-->
		<!--<script type="text/javascript" src="../js/pointjqgrid.js"></script>-->
		<!--收藏-->
		<link href="../css/colstyle.css" rel="stylesheet" type="text/css">
		<!--足迹-->
		<link href="../css/footstyle.css" rel="stylesheet" type="text/css">
		<!--消息-->
		<link href="../css/newstyle.css" rel="stylesheet" type="text/css">
		<style type="text/css">
			a[url] {
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<header>
			<tps th:replace="top-nav-search"></tps>
			<div style="padding-top: 10px; padding-bottom: 5px; margin: 0px 40px 10px 0px;">
				<navtable th:replace="nav-table"></navtable>
				<b class="line"></b>
			</div>
		</header>
		<div class="center">
			<div class="col-main" id="col-main">
				<!--main.html-->
			</div>
			<aside class="menu">
				<ul>
					<li class="person active">
						<a href="index.html"><i class="am-icon-user"></i>个人中心</a>
					</li>
					<li class="person">
						<p>
							<i class="am-icon-newspaper-o"></i>个人资料
						</p>
						<ul>
							<li>
								<a url="information.html">个人信息</a>
							</li>
							<li>
								<a url="safety.html">安全设置</a>
							</li>
							<li>
								<a url="address.html">地址管理</a>
							</li>
							<li>
								<a url="cardlist.html">快捷支付</a>
							</li>
						</ul>
					</li>
					<li class="person">
						<p>
							<i class="am-icon-balance-scale"></i>我的交易
						</p>
						<ul>
							<li>
								<a url="order.html">订单管理</a>
							</li>
							<li>
								<a url="change.html">退款售后</a>
							</li>
							<li>
								<a url="comment.html">评价商品</a>
							</li>
						</ul>
					</li>
					<li class="person">
						<p>
							<i class="am-icon-dollar"></i>我的资产
						</p>
						<ul>
							<li>
								<a url="points.html">我的积分</a>
							</li>
							<li>
								<a url="coupon.html">优惠券 </a>
							</li>
							<li>
								<a url="bonus.html">红包</a>
							</li>
							<li>
								<a url="walletlist.html">账户余额</a>
							</li>
							<li>
								<a url="bill.html">账单明细</a>
							</li>
						</ul>
					</li>

					<li class="person">
						<p>
							<i class="am-icon-tags"></i>我的收藏
						</p>
						<ul>
							<li>
								<a url="collection.html">收藏</a>
							</li>
							<li>
								<a url="foot.html">足迹</a>
							</li>
						</ul>
					</li>

					<li class="person">
						<p>
							<i class="am-icon-qq"></i>在线客服
						</p>
						<ul>
							<li>
								<a url="consultation.html">商品咨询</a>
							</li>
							<li>
								<a url="suggest.html">意见反馈</a>
							</li>

							<!--  <li><a url="news.html">我的消息</a></li>-->
							<li>
								<a url="consultation2.html">我的消息</a>
							</li>
						</ul>
					</li>
				</ul>
			</aside>
			
		</div>
		<footer th:replace="footer"></footer>
		<!--引导 -->
		<div class="navCir">
			<li>
				<a href="../home/home2.html"><i class="am-icon-home "></i>首页</a>
			</li>
			<li>
				<a href="../home/sort.html"><i class="am-icon-list"></i>分类</a>
			</li>
			<li>
				<a href="../home/shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a>
			</li>
			<li class="active">
				<a href="index.html"><i class="am-icon-user"></i>我的</a>
			</li>
		</div>
		<script type="text/javascript">
			window.person = null;
			window.points = null;
			$.get("/api/user/info", function(data) {
				window.person = data;
				$.get("/api/point/list", function(p) {
					window.points = p.points;
					$("#col-main").load("main.html", function(data) {
						$.getScript("/shop/AmazeUI-2.4.2/assets/js/amazeui.min.js");
					});
				});
			});

			$("a[url]").click(function() {
				var url = $(this).attr("url");
				$("#col-main").load(url);
			});
		</script>

	</body>

</html>